www.gusucode.com > PHP版金融投资类企业PHP源码程序 > PHP版金融投资类企业/公司网站系统源码 v1.0/IVEARS_v1.0/IVEARS_v1.0/Public/Home/css/style.css
@charset "utf-8"; /* CSS Document */ html { /* background-image: url(../images/top_bg.jpg); background-repeat: repeat-x; background-position: left 51px;*/ font-family: "微软雅黑" } body { color:#333;background: url(../images/bg_body.jpg);} a { color:#036; } .warp { width: 960px; margin-left: auto; margin-right: auto; } .header{background-color:#313131;color:#888;padding:12px 0;margin-bottom:0px;z-index:10000;position: relative;height: 30px;} .central{max-width:1200px;_width:1200px;padding:0 10px;margin:0 auto;text-align:left;position:relative} .logo {width: 130px;float: left;display: inline;} .logo a {display: block;width: 130px;height: 30px;line-height: 30px;font-size: 26px;font-weight: bold;color: #fff;text-decoration: none;} /* 第三方登陆 */ .login{width: auto;position: relative;top: 2px;height: 30px;line-height: 30px;float: right;margin-left: 3px;} .login a img{opacity: .6;} .login a:hover img{opacity: 1;} a.login_icon {height: 30px;line-height: 30px;text-align: center;vertical-align: middle;margin:0 3px;} /* nav */ .nav{float: left;line-height: 29px;font-size: 14px;} .nav li{float:left;position:relative;margin-right:1px;} .nav li a{color:#ccc;padding:0 12px;float:left;border-radius: 2px;line-height: 28px;height: 29px;margin: 0px 3px;} .nav li a:hover{background-color:#fff;color:#262626;text-decoration: none;} .nav li a.current{background-color:#fff;color:#262626;text-decoration: none;} /*.nav li:hover a{background-color:#fff;color:#262626;text-decoration: none;}*/ .nav li.current-menu-item a,.nav li.current-menu-parent a,.nav li.current_page_item a,.nav li.current-post-ancestor a{color:#f5f5f5;background-color:#262626;position:relative;z-index:2;} .nav li:hover ul{display:block} .nav li ul{position:absolute;top:29px;left:0;min-width:120px;z-index:10;display:none;line-height:18px;font-size:12px;background-color:#262626;border-radius: 0 2px 2px 2px;_width:120px;} .nav li li{float:none;margin:0;position:relative} .nav li li a{margin:2px;padding:0 10px;float:none;display:block;*min-width: 100px;} .nav li li a:hover,.nav li li.current-menu-item a{background-color:#2D6CA5;color:#fff;} .nav .nav-arrow{display:inline-block;margin-left:3px;position:relative;top:-2px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #999} /* btn */ .btn{ position: relative; cursor: pointer; display: inline-block; vertical-align: middle; font-size: 12px; font-weight: bold; height: 27px; line-height: 27px; min-width: 52px; padding: 0 12px; text-align: center; text-decoration: none; border-radius: 2px; border: 1px solid #ddd; color: #666; background-color: #f5f5f5; background: -webkit-linear-gradient(top, #F5F5F5,#F1F1F1); background: -moz-linear-gradient(top, #F5F5F5,#F1F1F1); background: linear-gradient(top, #F5F5F5,#F1F1F1); } input.btn{height: 29px;} .btn:hover { border-color:#c6c6c6; color:#333; background-color:#f8f8f8; background:-webkit-linear-gradient(top,#f8f8f8,#f1f1f1); background:-moz-linear-gradient(top,#f8f8f8,#f1f1f1); background:linear-gradient(top,#f8f8f8,#f1f1f1); box-shadow:#ddd 0 1px 1px 0; } .btn:active,.btn.btn-active { box-shadow:#ddd 0 1px 2px 0 inset; border-color:#c6c6c6; } .btn:focus { border-color:#4d90fe; outline:none } .btn-primary{ border-color: #3079ED; color: #F3F7FC; background-color: #4D90FE; background: -webkit-linear-gradient(top, #4D90FE,#4787ED); background: -moz-linear-gradient(top, #4D90FE,#4787ED); background: linear-gradient(top, #4D90FE,#4787ED); } .btn-primary:hover{ border-color:#2F5BB7; color:#fff; background-color: #4D90FE; background: -webkit-linear-gradient(top, #4D90FE,#357AE8); background: -moz-linear-gradient(top, #4D90FE,#357AE8); background: linear-gradient(top, #4D90FE,#357AE8); } .btn-primary:active,.btn-primary.btn-active { box-shadow:#2176D3 0 1px 2px 0 inset; border-color: #3079ED; } .btn-mini{ height: 23px; line-height: 23px; padding: 0 8px; font-weight: normal; } /* header-menu */ .header-menu{float: right;} .header-menu li{float: left;position: relative;margin-left:0px;} .btn-headermenu{font-weight: normal;} .btn-headermenu:hover{box-shadow: none;} .btn-arrow{ padding: 0 20px 0 10px; } .btn-arrow .arrow{ position: absolute;top: 50%;right: 10px;margin-top:-2px; border-color: #bbb transparent; border-style: solid; border-width: 4px 4px 0 4px; width: 0;height: 0;display: inline-block; _display:none; } .focus{background: #fbfbfb; border-bottom: solid 1px #eaeaea; margin: 0px 0 16px; padding:12px 0; } .toptip{display: inline-block;color: #666;} .toptip strong{color:#f60;} /* popup */ .popup-layer{ display: none; position: absolute;left:auto;right: 0;z-index: 99;*width:270px;*padding-top: 41px; } .popup{ margin-top: 13px; background-color: #fff; border: solid 1px #ccc; } .popup h4{ font-size: 12px;margin-bottom: 2px;color: #444; } .popup-arrow,.popup-arrow i{ position: absolute; border-color: transparent; border-style: dashed solid solid; border-width: 0 7px 7px; width: 0;height: 0;display: inline-block; } .popup-arrow{ bottom: -13px;left: 50%;margin-left: -7px;z-index: 100; border-bottom-color: #bbb; _top:-100px; } .popup-arrow i{ top: 1px;left:-7px; border-bottom-color: #fff; } .popup-signin{margin: 16px;} .popup-signin .ipt{margin-bottom: 12px;width: 220px;} .popup-signin .btn-primary{width: 234px;} .popup-signin p{border-top:solid 1px #CCCCCC;margin: 12px -16px 0;padding:12px 16px 0;} .popup-signin p .btn{margin-right: 5px;} /* input */ .ipt{ border: solid 1px #d2d2d2; border-left-color: #ccc; border-top-color: #ccc; border-radius: 2px; box-shadow: inset 0 1px 0 #f8f8f8; background-color: #fff; padding: 4px 6px; height: 21px; line-height: 21px; color: #555; width: 180px; vertical-align: baseline; } .ipt:focus{ border-color: #95C8F1; box-shadow: 0 0 4px #95C8F1; } //input:focus{border-color: rgba(82, 168, 236, 0.8);outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(82, 168, 236, 0.6);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(82, 168, 236, 0.6);} /* search-form */ .search-form{float:right;} .search-input{float: left;height:21px;line-height:21px;padding:4px 7px;background-color:#fbfbfb;width:160px;color:#B3B3B3;border: none;border-radius: 2px;border-radius: 2px 0 0 2px} .search-input:focus{color:#444;background-color: #fff} .btn.search-submit{float: left;border-radius: 0 2px 2px 0;cursor: pointer;border: none;height: 29px;_overflow:hidden;font-weight: normal;min-width: 36px;padding: 0 10px;} .btn.search-submit:hover{box-shadow: none;} #head { background-image: url(../images/ui-top-bg.jpg); background-repeat: repeat-x; height: 50px; width: 100%; } #head #logo { background-image: url(../images/logo.gif); background-repeat: no-repeat; float: left; height: 50px; width: 180px; } #head #logo h1 { display: none; } #head #nav { float: right; height: 50px; width: 850px; } #head #nav ul { } #head #nav ul li { float: left; height: 50px; line-height: 50px; width: 105px; text-align: center; } #head #nav ul li a { color: #fff; font-size: 14px; } #top { text-align: center; height: auto; padding-top: 15px; padding-bottom:10px; } #top .sep1 { font-size: 24px; line-height: 45px; color: #333333; text-align: center; } #top .sep2 { font-size: 16px; line-height: 35px; color: #494949; } #top .sep2 span { font-size: 14px; padding-left: 20px; padding-right:20px; } #banner { height: 330px; margin-top: 10px; border: 1px solid #cccccc; position: relative; } #slideshow { width: 960px; margin: 0px; overflow: hidden; } #slideshow .slide { width: 955px; background: #f6f6f6; background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f6f6f6)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ); display: none; padding:1px; } #slideshow img { float: left; width: 680px; height: 328px; } #slideshow .slide .slideinner { float: right; width: 270px; } #slideshow .slide .slideinner h1 { font-size: 30px; color: #1B242C; margin: 20px 20px 10px 20px } #slideshow .slide .slideinner p { font-size: 13px; line-height: 21px; margin: 0 20px 20px 20px } #slideshow .slide .slideinner p a, #slideshow .slide .slideinner p a:link, #slideshow .slide .slideinner p a:visited { padding: 4px 6px; margin-right: 10px; font-size: 12px; text-transform: uppercase; text-shadow: none !important; text-decoration: none !important; border-radius: 3px; -moz-border-radius: 3px; color: #fff; background: #C5400E; } #slideshow .slide .slideinner p a:hover, #slideshow .slide .slideinner p a:focus { text-decoration: none !important; text-shadow: none !important; background: #1B242C; } #slider-controls { text-align: center; position: absolute; bottom:0px; right:20px; z-index: 5; text-shadow: 0 0 2px #FFF; } #slider-controls a { margin-right: 2px; float: left; font-size: 33px; } #slider-controls a:link, #slider-controls a:visited { color: #bbb; text-decoration: none; } #slider-controls a:hover { color: #666; text-decoration: none; } #slider-controls a.activeSlide { color: #3d4d67; text-decoration: none; } #indexbox { margin-top: 0px; } #indexbox .box { width:230px; height:180px; float:left; margin-left:5px; margin-right:5px; margin-top:20px; } #indexbox .box .pic { height:120px; width:220px; border:1px solid #ccc; padding:2px; } #indexbox .box .title { padding-top:5px; line-height:22px; color:#666; font-size:14px; } #links{border:none;width:970px;margin:0 auto;margin-top:8px;border-top:0px solid #333;} #links h2{padding-left:8px;height:35px;border-bottom:1px solid #CCC;color:#666;font:bold 14px/35px Verdana,Geneva,sans-serif;} #links .link_con{padding:10px;} .link_con a{color:#666;display:inline-block;padding:5px 0;width:100px;text-align:center;border:1px solid #eee;margin:5px 3px 5px 8px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;} .link_con a:hover{color:#fff;background:#666;border:1px solid #666;} .foot { height: 80px; margin-top: 30px; border-top-width: 1px; border-top-style: solid; border-top-color: #ccc; padding-top:20px; text-align:center; color:#666; line-height:25px; } /*注册*/ .reg-wrap{width:960px;margin:0 auto;position:relative} .reg-wrap .tit{font-size:16px;font-family: Microsoft YaHei;font-weight:300;} .reg-wrap .title{font-size:20px;font-family: Microsoft YaHei;font-weight:300;color:#333;margin:0 0 40px 0;border-bottom:2px solid #999;padding:0 0 10px 0;text-align:left} .reg-wrap .title .step-1,.reg-wrap .title .step-2,.reg-wrap .title .step-3{background:url(image/f_r_t.png) no-repeat 0 0;display:inline-block;width:50%;height:22px;vertical-align:middle} .reg-wrap .title .step-2{background-position:0 -26px} .reg-wrap .title .step-3{background-position:0 -52px} .reg-wrap .search-find{padding:0 0 0 100px;} .reg-wrap .search-find dd{padding:10px 0;} .reg-wrap .search-find a:link,.reg-wrap .search-find a:visited{color:#36c;} .reg-wrap .reg-main{display:block;_padding:20px 0 0 0;} .reg-main .register_left{float: left;width: 645px;} .reg-main .register_right{float: left;width: 230px;height: 287px;padding-left: 3px;border-left: 1px solid #ccc;} .reg-wrap .reg-main:after{clear: both;content: ".";display: block;height: 0;visibility: hidden} .reg-main .article{padding:40px;/*border:#d7d7d7 solid 1px;*/zoom:1;height: 360px;} .reg-main .article #post-tag{width:360px;} .btn-register{background:#414448;width:80px;height:30px;font-size:14px;color:#fff;padding: 0px 10px;margin-top: 8px;display:block;text-align:center;line-height:30px;border-radius:4px;-webkit-border-radius:2px;-moz-border-radius:2px;-khtml-border-radius:2px;cursor: pointer;border: none;} .reg-main .user-info{background:#F9FAFA;padding:10px;border:1px solid #e1e1e1;margin:-20px 0 20px 0;} .reg-main .user-info img{margin:0 10px 0 0;} .reg-main .article .item-step2{width:880px;margin:0 auto;position:relative;} .reg-main .article .item-step2 .btn-green-small{margin:0 0 0 160px;} .reg-main .article .item-step3{width:880px;margin:0 auto} .reg-main .article .item-step4{width:880px;margin:0 auto} .reg-main .article .item-step4 .tab-menu{margin:30px 0 0 0;} .boxShadow{background:#fff;box-shadow:0 0 5px #CCCCCC;-moz-box-shadow:0 0 5px #CCCCCC;-khtml-box-shadow:0 0 5px #CCCCCC;} .reg-main .article .item dd:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} .reg-main .article .item dd label {display: block;float: left;font-size: 14px;padding: 5px 0 0;width: 50px} .reg-main .article .item dd.terms{position:relative;} .reg-main .article .item dd.terms .box-ver{position:absolute;left:295px;} .item .edit-department{padding:5px 0;display:block} .reg-main .article .item .form-row{float:left;position:relative;} .reg-main .article .item .btn-green-big{margin:10px 0 0 160px;*margin:10px 0 0 164px;} .reg-main .article .item .choose-user{width:255px} .reg-main .article .item .actionBtn{height:40px} .item .form-row .mod-at-wrap{left:1px;top:30px;width:250px;} .reg-main .article .item .txt-info{margin:10px 0 0;color:#666;} .reg-main .article .item .psd .s-txt, .reg-main .article .item .psd .s-txt-focus{float:left} .reg-main .article .item .form-row .s-textarea, .reg-main .article .item .form-row .s-textarea-focus{width:360px;height:120px;padding:4px 4px 0;overflow:hidden;float:left;margin:0 5px 0 0} .reg-main .article .item .form-row label{font-size:12px;height:16px;line-height:16px;padding:8px 0;*display:inline-block;_line-height:15px;} .reg-main .article .item .form-row .s-radio{margin-top:-3px;vertical-align:middle} .article .s-txt, .article .s-txt-focus{width:300px;margin:0 5px 0 0;vertical-align:middle;float:left;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .reg-main .article .text-required{margin:0 3px 0 0;} .reg-main .article .item dd{margin:0 0 10px 0;overflow:hidden;*zoom:1;height: 40px;line-height: 30px;} .reg-main .article .item .profession-type dd{margin:0 0 10px 120px} .reg-main .article .item dd .form-tt{float:left;font-size:14px;width:85px;display:block;text-align:right;height: 30px;line-height: 30px;} .reg-main .article .item dd .form-tt-complete{float:left;font-size:14px;width:300px;display:block;padding:5px 5px 0 0;text-align:right} .text-required {color: #f00;} .s-txt{font-size:12px;height:16px;line-height:16px;padding:6px 5px;margin:0 5px 0 0;border:#ccc solid 1px;border-top-color:#ccc;color:#333} .s-txt-focus{font-size:12px;height:16px;line-height:16px;padding:6px 5px;margin:0 5px 0 0;border:#ccc solid 1px;border-top-color:#ccc;color:#333;box-shadow:0 0 3px #ccc inset;-moz-box-shadow:0 0 3px #ccc inset;-webkit-box-shadow:0 0 3px #ccc inset} .s-radio{margin:0 5px 0 0;} .rst_login {margin-left: 32px;margin-top: 0px;text-align: left;} .rst_login span {color: #999;} .other_login {margin-top: 65px;margin-left: 32px;text-align: left;} .other_login span {color: #999;margin-bottom: 2px;} .o_icon{display: block;margin-top: 12px; width: 170px;height: 32px;} .o_icon img{float: left; margin-right: 3px;width: 170px;height: 32px;} /*Poshytip*/ .tip-yellowsimple { z-index:1000; text-align:left; border:1px solid #c7bf93; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:6px 8px; min-width:50px; max-width:300px; color:#000; background-color:#fff9c9; } .tip-yellowsimple .tip-inner { font:12px/16px arial,helvetica,sans-serif; } /* Configure an arrow image - the script will automatically position it on the correct side of the tip */ .tip-yellowsimple .tip-arrow-top { margin-top:-6px; margin-left:-5px; /* approx. half the width to center it */ top:0; left:50%; width:9px; height:6px; background:url('../images/tip-yellowsimple_arrows.gif') no-repeat; } .tip-yellowsimple .tip-arrow-right { margin-top:-4px; /* approx. half the height to center it */ margin-left:0; top:50%; left:100%; width:6px; height:9px; background:url('../images/tip-yellowsimple_arrows.gif') no-repeat -9px 0; } .tip-yellowsimple .tip-arrow-bottom { margin-top:0; margin-left:-5px; /* approx. half the width to center it */ top:100%; left:50%; width:9px; height:6px; background:url('../images/tip-yellowsimple_arrows.gif') no-repeat -18px 0; } .tip-yellowsimple .tip-arrow-left { margin-top:-4px; /* approx. half the height to center it */ margin-left:-6px; top:50%; left:0; width:6px; height:9px; background:url('../images/tip-yellowsimple_arrows.gif') no-repeat -27px 0; } #login_msg{float: right;position: absolute;width: 186px;text-align: right;} .loginError{color: red;} .loginSucc{color: green;} span.errormsg {color: red;text-indent: 20px;float: right;display: inline-block;height: 30px;line-height: 30px;background-position: 2px -1px;margin-left: -10px;background-repeat: no-repeat;} span.valid {background: url("../images/checked.gif") no-repeat left;float: right;width: 14px;height: 25px;overflow: hidden;padding: 0;margin: 0px 0 0 15px;display: inline-block;} /* scrollDiv */ .scrollDiv{height:25px;/* 必要元素 */line-height:25px;overflow:hidden;/* 必要元素 */float: left;width: 400px;position: relative;top: -22px;left: 132px;} .scrollDiv li{height:25px;padding-left:10px;} .scrollDiv li a{color: #666;} /*客服*/ .lanrenzhijia-cs {background:rgba(51, 51, 51, 0.9);position: fixed;top: 130px;right: 1px;_position: absolute;z-index: 999;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#E5333333', endColorstr='#E5333333');} .lanrenzhijia-cs a {color: #00A0E9;} .lanrenzhijia-cs a:hover {color: #ff8100;text-decoration: none;} .lanrenzhijia-cs .floatL {width: 36px;float:left;position: relative;z-index:1;} .lanrenzhijia-cs .floatL a {font-size:0;text-indent: -999em;display: block;} .lanrenzhijia-cs .floatR {width: 130px;float: left;padding: 5px;overflow:hidden;} .lanrenzhijia-cs .floatR .cn {background: #F7F7F7;} .lanrenzhijia-cs .cn h3 {font-size: 14px;color: #333;font-weight:600;line-height: 24px;padding: 5px} .lanrenzhijia-cs .cn ul {padding: 0 0 0 8px;} .lanrenzhijia-cs .cn ul li {line-height: 38px;height:38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;} .lanrenzhijia-cs .cn ul li span {color: #777;} .lanrenzhijia-cs .cn ul li img {vertical-align: middle;} .lanrenzhijia-cs .btnOpen, .lanrenzhijia-cs .btnCtn {position: relative;z-index:9;top:0;left: 0;background-image: url(../images/kefu.png);background-repeat: no-repeat;display:block;width: 20px;height: 146px;padding: 8px;} .lanrenzhijia-cs .btnOpen {background-position: 0px 0;} .lanrenzhijia-cs .btnCtn {background-position: -35px 0;} .lanrenzhijia-cs ul li.top {border-bottom: solid #ACE5F9 1px;} .lanrenzhijia-cs ul li.bot {border-bottom: none;} #bottom {width:100%; height:240px; margin-top:20px; background:#2D2E2F; border-bottom:1px solid #111; color:#999;} #bottom a {color:#999;} #bottom a:hover {color:#CCC;} #bottom .bbox {width:960px; height:auto; margin:0 auto;} #bottom .bbox .moduletable {width:160px; height:auto; float:left;} #bottom .bbox .moduletable h4 {font-size:18px; color:#CCC; line-height:50px; margin-top:20px;} #bottom .bbox .moduletable ul li {line-height:30px; font-size:14px;} /*绑定账号*/ .user40{ margin:40px 0px 10px 0px; background:#FFF;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); width:920px; padding:30px; _height:500px; min-height:500px;border:1px solid #e4e3e3;} .steptxt30{font-family: '微软雅黑'; font-size:30px; color:#4397eb;} .fpassword_tips{ background:#ffffcc; line-height:30px; border:1px solid #f1c161; padding:0 5px;} .pcenter_invitebox{ background:#fff; height:50px; margin-top:10px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); padding:20px; } .userinvite{ width:520px; float:left; font-size:14px; line-height:26px;} .pinvite_ahpo{ width:580px; float:left;} .fl{ float:left;display: inline;} .fpho{ width:50px; height:50px; margin-right:5px;} .pcenter_invitecon{ height:480px; background:#fff; margin-top:10px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); padding:10px;} .padt5{ padding-top:5px;} .info_pernav{ height:27px; border-bottom:2px solid #4498ed;} .info_pernav li{ float:left;padding:0px 20px; font-size:14px; margin-right:5px;line-height:27px; background:url(../images/ui/bg_pernav_nolink.gif) repeat-x 0px 0px; border-left:1px solid #CCC;border-right:1px solid #CCC; height:26px; color:#333; cursor:pointer; overflow:hidden; display: inline;} .info_pernav li>a{color: #333} .info_pernav .info_pernav_cur{ background:#4498ed; color:#FFF;height:27px;overflow:hidden;} .info_pernav .info_pernav_cur:hover{ color:#fff;} .info_pernav li:hover{ color:#4498ed;} .register_table{ margin-top:20px; margin-left:10px;} .register_table tr td{ padding:6px 6px 6px 0px;} .font12gray{ color:#999;} .register_table tr td{ padding:6px 6px 6px 0px;} .register_txta{ height:40px; line-height:40px; font-size:14px; } .register_input{ width:250px; height:26px; line-height:30px;padding:2px;} a.top {width:56px; height:55px; display:inline-block; position:fixed; _position:absolute; right:50px; bottom:8%; background:url(../images/top.jpg); display:none;} a.top:hover {background:url(../images/top.jpg) 56px 0;} /*页脚区域*/ .footer{height:52px;line-height:52px;background:#252525;text-align:center;color:#969595;} .footer .copyright{position:relative;font-family:Verdana;} .footer .copyright #bdshare{position:absolute;line-height:normal;top:13px;right:0;}